@import "tailwindcss";

.btn {
  @apply rounded-xl p-0.5;
}

.btn-primary {
  @apply bg-blue-500 text-white transition duration-200 hover:bg-blue-700 active:bg-blue-900;
}

.btn-secondary {
  @apply bg-red-500 text-white transition duration-200 hover:bg-red-700 active:bg-red-900;
}

.my-table-row {
  @apply content-center mt-1 mb-1;
}

.my-table-cell{
  @apply border border-gray-300 text-center;
}

.invalid-input-message {
  @apply text-red-500 text-sm mt-1;
}

.form-row {
  @apply h-10 bg-green-100 content-center mt-1 mb-1;
}

.text-input {
  @apply border-2 border-gray-300 rounded;
}